<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
	<meta charset="utf-8">
	<meta name="description" content="迅雷方舟是中国最大的原创内容分享社区，你可以使用他发现和分享你喜欢的各种资源。根据你的兴趣，方舟会推荐好资源给你。" />
	<meta name="keywords" content="迅雷方舟,方舟,影视,音乐,美女,学习,搞笑,游戏,动漫,图片,文档,迅雷盘,资源分享" />
	<title>迅雷方舟 - 发现我喜欢</title>
	<link rel="stylesheet" href="/css/css.css"/>
	</head>
	<body>
		<div class="page">
			<div class="headWrap">
				<div class="head">
					<div class="beforeLogin">
						<a class="sina">微博登录</a>
						<a class="tencent">腾讯登录</a>
					</div>
					<div class="identity">
						<a href="/"><img class="logoHeader" alt="到到网" src="http://cc.ddcdn.com/img2/x.gif"></a>
					</div>
					<div class="headWord identityHeader">
						<img alt="超过六千万条游客评论！" src="http://cc.ddcdn.com/img2/x.gif">
					</div>
					<div class="tabsBar">
						<div class="search">
							<form onsubmit="return false;" method="get" action="/Search">
								<input type="text" value="酒店、城市、景点…" class="text focusClear" name="q"><input type="submit" class="submit" title="搜索" value="">
							</form>
						</div>
						<ul class="tabs">
							<li class="tabItemNoLink">
								<a class="tabNoLink" href="#">首页</a>
							</li>
							<li class="tabItem">
								<a class="tabLink" href="/channel1/area-1/brand-1/_1.html">超市</a>
							</li>
							<li class="tabItem">
								<a class="tabLink" href="/channel2/area-1/brand-1/_1.html">家具</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="mainWrap">
				<div class="mainWrapInner">
					<div class="main">
						<div class="scrollDiv" id="scrollDiv">
							<ol class="scrollImg">
								<#list data.recmdList as recmd>
									<#if recmd_index == 0>
										<li style="display: block; float: left;"><a href="${recmd.url}"><img alt="${recmd.title}" src="${recmd.imgUrl}"></a></li>
									<#else>
										<li style="display: block; float: left;"><a href="${recmd.url}"><img alt="${recmd.title}" src="${recmd.imgUrl}"></a></li>
									</#if>
								</#list>
							</ol>
							<ul class="scrollIconUl">
								<#list data.recmdList as recmd>
									<#if recmd_index == 0>
										<li class="liActive">${recmd_index+1}</li>
									<#else>
										<li>${recmd_index+1}</li>
									</#if>
								</#list>
							</ul>
						</div>
					</div>
					<#list data.channelList as channel>
						<div class="main" style="overflow: hidden; height: 285px;">
							<div class="topRec">
								<h3>${channel.channelName}</h3>
								<ul class="tab hp-tab-geo clearfix">
									<#list channel.areaList as area>
										<#if area_index == 0>
											<li class="selected"><span>${area.areaName}</span></li>
										<#else>
											<li><span>${area.areaName}</span></li>
										</#if>
									</#list>
								</ul>
								<#list channel.areaList as area>
									<#if area_index == 0>
										<div class="topRec-main">
									<#else>
										<div class="topRec-main" style="display:none">
									</#if>
										<table cellspacing="0" cellpadding="0" border="0">
											<tbody>
												<tr>
													<th style="width:36px;"></th>
													<th style="width:130px;">商铺</th>
													<th>活动名称</th>
													<th style="width:100px;">活动时间</th>
													<th style="width:130px;">网友评分</th>
													<th style="width:60px;"></th>
												</tr>
												<#list area.saleList as sale>
													<tr>
														<td><span class="sprite-${sale_index+1}org hotel-rate">${sale_index+1}</span></td>
														<td>
															<a title="${sale.store.storeName}" target="_blank" href="${sale.store.storeUrl}">${sale.store.storeName}</a>
														</td>
														<td>
															<a target="_blank" href="${sale.saleUrl}">${sale.saleName}</a>
														</td>
														<td>
															<strong>${sale.saleBeginDate}至${sale.saleEndDate}</strong>
														</td>
														<td>
															<strong>好评(${sale.commentTotalNum0}) 差评(${sale.commentTotalNum2})</strong>
														</td>
														<td>
															<a target="_blank" class="reviewnum" href="${sale.saleUrl}"><b>${sale.commentTotalNum0+sale.commentTotalNum1+sale.commentTotalNum2}</b>条点评</a>
														</td>
													</tr>
												</#list>
											</tbody>
										</table>
									</div>
								</#list>
							</div>
							<div class="top-list">
								<div class="hd">
									<h3>热门${channel.channelName}</h3>
								</div>
								<div class="bd">
									<div class="top-dest-domestic">
										<ul class="clearfix">
											<#list channel.sotreList as store>
												<li><a href="${store.storeUrl}" class="tag${store.fontStyle}">${store.storeName}</a></li>
											</#list>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</#list>
				</div>
			</div>
			<div class="foot">
				<p>
					<a target="_blank" title="增值电信业务经营许可证粤B2-20050219号" href="http://www.xunlei.com/icp.jpg">增值电信业务经营许可证粤B2-20050219号</a>|<a target="_blank" title="迅雷方舟用户使用许可协议" href="http://xlpan.com/agreement.shtml">迅雷方舟用户使用许可协议</a>|<a target="_blank" title="商务合作" href="http://xlpan.com/cooperate.shtml">商务合作</a></p>
				<p>&copy; 2003-2012 迅雷网络版权所有</p>
			</div>
		</div>
	</body>
	<script src="/js/jquery-1.7.1.min.js"></script>
	<script>
		(function($){
			var curIndex = 0;
			var maxIndex = $("#scrollDiv .scrollImg li").length;
			if(maxIndex >= 1){
				var scrollFun = function(index){
					if(index === undefined){
						$($("#scrollDiv .scrollImg li")[curIndex]).hide();
						$($("#scrollDiv .scrollIconUl li")[curIndex]).removeClass("liActive");
						curIndex = ++curIndex%maxIndex;
						$($("#scrollDiv .scrollImg li")[curIndex]).show(200);
						$($("#scrollDiv .scrollIconUl li")[curIndex]).addClass("liActive");
					}else{
						if(index != curIndex){
							$($("#scrollDiv .scrollImg li")[curIndex]).hide();
							$($("#scrollDiv .scrollIconUl li")[curIndex]).removeClass("liActive");
							curIndex = index;
							$($("#scrollDiv .scrollImg li")[curIndex]).show(200);
							$($("#scrollDiv .scrollIconUl li")[curIndex]).addClass("liActive");
						}
					}
				}
				var timer = setInterval(scrollFun,5000);
				$("#scrollDiv").mouseleave(function(){
					if(timer != 0){
						clearInterval(timer);
						timer = 0;
					}
					timer = setInterval(scrollFun,2000);
				});
				$("#scrollDiv").mouseenter(function(){
					if(timer != 0){
						clearInterval(timer);
						timer = 0;
					}
				});
				$("#scrollDiv .scrollIconUl li").mouseover(function(event){
					var index = $("#scrollDiv .scrollIconUl li").index(event.target);
					scrollFun(index);
				});
			}
			$(".topRec >ul li").mouseenter(function(event){
				$(event.currentTarget).siblings().removeClass("selected");
				$(event.currentTarget).addClass("selected");
				var parent = $(event.currentTarget).parent().parent();
				var index = $(">ul li",parent).index(event.currentTarget);
				$(".topRec-main",parent).hide();
				$($(".topRec-main",parent)[index]).show();
			})
		})(jQuery);
	</script>
</html>